<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8" />
	<title>Design</title>  
	<link rel="stylesheet" type="text/css" href="style/about.css" />
  </head>
  
  <body>
  <!--The header of the index page.-->
	<div id="header">
	
	  <div id="nav">
	    <div  id="mylogo">
	      <img src="img/1011.png" />
		</div>
		
	    <ul id="navbar">
		   <li><a href="index.html" class="navlink">首页</a></li>
		   <li><a href="blog.html" class="navlink">文章</a></li>
		   <li><a href="gallery.html" class="navlink">作品</a></li>
		   <li><a href="about.html" class="navlink">关于</a></li>
		</ul>
	  </div>
	  <a href="https://github.com/"  id="githublogo"><img src="img/icon-github.png" /></a>
	</div>
	
	<!--主体部分-->
    <div id="mainsection">
	   <div id="aboutme">
	      <img src="img/168.png" id="headpic" />
		  <div class="aboutcontent">
		          <div class="leftbox">
				     <h2>Fogwind</h2>
				  </div>
				  
				  <div class="rightbox">
		             <p>我性格属于内向型，不善于和人聊天，在人群中间我善于做一个倾听者。</p>
			         <p>我曾经很自卑，对于自己的内向性格也很苦恼，所以我找来关于性格分析的书看。从书中我知道了，性格内向不是问题，问题是你不能接受自己的性格，你不自信，你内心不强大，你没有发现自己善于做的事。我尝试改变，做过一次长途骑行，把这当做我的新起点。</p>
			         <p>我特别喜欢一句话，是上高中时我在辅导书的页眉上看到的：只要在路上，就可以继续传奇。而我正在路上......</p>
				     <p>我是雾风，出生在1989年。</p>
				  </div>
		  </div>
		  
		  <div class="aboutcontent">
		          <img src="img/3.jpg" id="phone" class="aboutimg" />
		          <div class="leftbox">
				     <h2>联系方式</h2>
				  </div>
				  
				  <div class="rightbox">
		             <ul>
					    <li>邮箱：gerer123@sohu.com</li>
						<li>Q&nbsp;Q：1055074678</li>
					 </ul>
				  </div>
		  </div>
		  
		  <div class="aboutcontent">
		          <img src="img/9.png" id="southwest" class="aboutimg" />
		          <div class="leftbox">
				     <h2>教育经历</h2>
				  </div>
				  
				  <div class="rightbox">
		             <ul>
					    <li>2004.9—2008.6：市第一高级中学</li>
					    <li>2008.9—2012.6：西南大学</li>
						<li>2012.9—2014.6：苏州大学</li>
					 </ul>
				  </div>
		  </div>
		  
		  <div class="aboutcontent">
		          <img src="img/11.jpg" id="henli" class="aboutimg" />
		          <div class="leftbox">
				     <h2>工作经历</h2>
				  </div>
				  
				  <div class="rightbox">
		             <ul>
						<li>2014.7—2016.6：江苏恒力集团</li>
					 </ul>
				  </div>
		  </div>
	   </div>
	</div>
	
	
	
	<!--The footer of the index page.-->
	<div id="footer">
	   <ul id="footernavbar">
	     <li><a href="index.html" class="navlink">首页</a></li>
		 <li><a href="index.html" class="navlink">文章</a></li>
		 <li><a href="index.html" class="navlink">作品</a></li>
		 <li><a href="index.html" class="navlink">关于</a></li>
	   </ul>
	   
	   <div id="reference">
	      <ul class="referencenav">
		    <h4>学习资料</h4>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
		  </ul>
		  
          <ul class="referencenav">
		    <h4>友情链接</h4>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
		  </ul>
		  
		  <ul class="referencenav">
		    <h4>学习资料</h4>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
		  </ul>
		  
		  <ul class="referencenav">
		    <h4>友情链接</h4>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
		  </ul>
		  
		  <ul class="referencenav">
		    <h4>学习资料</h4>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
			<li><a href="#" class="referencelink">LINK</a></li>
		  </ul>
	   </div>
	   
	   <div id="footermassage">
	        <p>版权信息</p>
			<a href="https://github.com/"><img src="img/icon-github.png" /></a>
	   </div>
	   
	</div>
	
	
    <script>
       function hiddenGithub() {
	      var html = document.documentElement;
		  var githublogo = document.getElementById("githublogo");
		  
		  if(html.clientWidth<1050) {
		    githublogo.style.display = "none";
		  } else {
		    githublogo.style.display = "block";
		  }
	   }
	   window.onresize=function() {hiddenGithub();};
    </script>
  </body>
</html>
